<template>
	<view class="myPage">
		<!-- 个人信息 -->
		<view class="myCard">
			<image src="/static/logo.png" mode=""
				style="width: 20vw;height: 20vw;border-radius: 10vw;margin-right: 2vw;"></image>
			<view class="user-pass">
				<view class="user">
					用户名：{{"李政和"}}
				</view>
				<view class="pass">
					账号：{{123321123}}
				</view>
			</view>
		</view>
		<!-- 设置栏 -->
		<uni-grid :column="4" :highlight="true">
			<uni-grid-item v-for="(item, index) in 4" :index="index" :key="index">
				<view class="grid-item-box" style="background-color: #fff;">
					<uni-icons type="image" :size="30" color="#777" />
					<text class="text">文本信息</text>
				</view>
			</uni-grid-item>
		</uni-grid>
	</view>
</template>

<script setup>

</script>

<style scoped lang="scss">
	.myPage {
		background-color: #eee;
		box-sizing: border-box;
		padding: 2vw;

		.myCard {
			background-color: rgb(253, 162, 255);
			height: 14vh;
			border-radius: 3vh;
			display: flex;
			justify-content: start;
			align-items: center;
			box-sizing: border-box;
			padding: 0 2vw;
		}
	}
</style>